$(function() {
    // 请求参数对象
    var QueryObj = {
         // 产品名称
        proName: $.getQueryString("key"),
        // 品牌id
        brandId: "",
        // 安装价格排序 1 升序 2 降序
        price: "",
        // 数量排序
        num: "",
        //第几页
        page: 1,
        //页容量
        pageSize: 4
    };
    //总页数
    var TotalPage = 1;
    init();
    function init() {
        mui.init({
            pullRefresh: {
                container: "#refreshContainer",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
                down: {
                    height: 50,//可选,默认50.触发下拉刷新拖动距离,
                    auto: true,//可选,默认false.首次加载自动下拉刷新一次
                    contentdown: "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
                    contentover: "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
                    contentrefresh: "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
                    callback: function () {
                         // 在触发下拉的时候 把page重新设为1 
                        QueryObj.page = 1;
                         // 发送请求
                        queryProduct(function(result) {
                             //渲染模版
                             var html = template("goodsTpl",result);
                             $(".lt_goods_ul").html(html);
                             // 结束下拉刷新
                             mui('#refreshContainer').pullRefresh().endPulldownToRefresh();
                            mui('#refreshContainer').pullRefresh().refresh(true);
                         })
                    } 
                },
                up: {
                    height: 50,//可选.默认50.触发上拉加载拖动距离
                    auto: true,//可选,默认false.自动上拉加载一次
                    contentrefresh: "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容
                    contentnomore: '没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；
                    callback: function () {
                        
                            if(QueryObj.page >= TotalPage) {
                                mui('#refreshContainer').pullRefresh().endPullupToRefresh(true);
                                return;
                            }else {
                                //继续请求新的数据
                                QueryObj.page++;
                                queryProduct(function(result) {
                                    var html = template("goodsTpl",result);
                                    $(".lt_goods_ul").append(html);
                                    // 结束上拉加载
                                    mui('#refreshContainer').pullRefresh().endPullupToRefresh();
                                })
                            }
                            
                       
                    }
                }
            }
        });
         // 绑定搜索按钮
        $(".searchBtn").on("tap",function() {
            // console.log(123);
            var key = $(".searchTxt").val();
            QueryObj.proName = key;
            console.log(QueryObj.proName);
            // 手动触发下拉刷新
            mui("#refreshContainer").pullRefresh().pulldownLoading();
        })
    }
    // 点击排序按钮
    $(".order_tool>a").on("tap",function(e) {
        var aDom = e.target.nodeName == "A" ? e.target : e.target.parentNode;
        // console.log(aDom);
        // console.log("A");
        
        var sortName = aDom.dataset.sortname;
        $(aDom).find(".mui-icon").toggleClass("mui-icon-arrowdown mui-icon-arrowup ");
        // 升序还是降序
        var sort=1;
        if ($(aDom).find(".mui-icon").hasClass("mui-icon-arrowdown")) {
            sort=2;
        }else {
            sort=1;
        }
        QueryObj.num = "";
        QueryObj.price = "";
        QueryObj[sortName] = sort;
        // 手动触发下拉刷新
        mui("#refreshContainer").pullRefresh().pulldownLoading();
    })
    
    


    // 请求产品数据
    function queryProduct(callback) {
        // console.log(queryObj);
        $.get("/product/queryProduct",QueryObj,function(result) {
            callback && callback(result);
            TotalPage = Math.ceil(result.count / QueryObj.pageSize);
        })
        
    }
})